﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>云阿拉丁商务 - 您身边的解决方案专家</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="css/default.css" />
</head>
<body>

    <!-- 网站头部 -->
    <header class="hd">
        <div class="hd-top am-hide-sm-down">
            <div class="cg">
                <div class="hd-top-left">
                    <a href="#">设为首页</a>
                    <a href="#">收藏</a>
                    <a href="#">RSS订阅</a>
                </div>
                <div class="hd-top-right">
                    <a href="register.html">注册</a>
                    <a href="login.html">登录</a>
                </div>
            </div>
        </div>
        <div class="cg">
            <div class="hd-search">
                <div class="hd-search-left">
                    <a href="index.html"><img src="./images/logo.jpg" /></a>
                </div>
                <div class="hd-search-right">
                    <div class="hd-search-right-input">
                        <input type="text" name="name" value="" placeholder="搜索" />
                        <button class="font">&#xe634;</button>
                    </div>
                    <div class="hd-search-right-keyword">
                        <a href="#">包装用品</a>
                        <a href="#">母婴</a>
                        <a href="#">教育</a>
                        <a href="#">招聘</a>
                        <a href="#">绿化</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="hd-bottom">
            <div class="cg">
                <div class="hd-bottom-category">
                    <!-- 需要到这里开通：http://shang.qq.com/v3/widget.html  -->
                    <h1><a href="http://wpa.qq.com/msgrd?v=3&uin=191458000&site=qq&menu=yes" target="_blank" class="am-icon-qq">业务咨询QQ</a></h1>
                </div>
                <div class="hd-bottom-nav" id="my-modal">
                    <ul>
                        <li class="on"><a href="index.html">首页</a></li>
                        <li><a href="list.html">产品中心</a></li>
                        <li><a href="list.html">定制服务</a></li>
                        <li><a href="list.html">成功案例</a></li>
                        <li><a href="list.html">关于我们</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>

    <!-- 广告 -->
    <div class="ads">
        <div class="cg">
            <img src="images/demo3.jpg" />
        </div>
    </div>

    <!-- 文章 -->
    <div class="comarticle">
        <div class="cg">

            <!-- 文章标题和内容 -->
            <div class="am-u-sm-12">
                <div class="comarticle-right info-container">
                    <article class="am-article">
                        <div class="am-article-hd">
                            <h1 class="am-article-title">永远的蝴蝶</h1>
                            <p class="am-article-meta">
                                作者：陈启佑（台湾） &nbsp;&nbsp;
                                发布人：admin &nbsp;&nbsp;
                                时间：2010-01-01 &nbsp;&nbsp;
                            </p>
                        </div>
                        <div class="am-article-bd">
                            <p>
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                            </p>
                            <p>
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                            </p>
                            <p>
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                            </p>
                            <p>
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                            </p>
                            <p>
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                            </p>
                            <p>
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                            </p>
                            <p>
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                            </p>
                            <p>
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                            </p>
                            <p>
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                                永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶永远的蝴蝶
                            </p>
                        </div>
                    </article>
                </div>
            </div>
            <div class="am-cf"></div>

            <!-- 评论列表 -->
            <div class="am-u-sm-12 am-comments-list">
                <h2 class="am-text-right am-padding-top-lg">
                    评论 <span class="am-badge am-round am-badge-success">56</span>
                </h2>
                <hr />
                <article class="am-comment">
                    <!-- 评论容器 -->
                    <a href="">
                        <!-- 评论者头像 -->
                        <img src="images/face.jpg" class="am-comment-avatar" alt="" /> 
                    </a>

                    <div class="am-comment-main">
                        <!-- 评论内容容器 -->
                        <header class="am-comment-hd">
                            <!--<h3 class="am-comment-title">评论标题</h3>-->
                            <div class="am-comment-meta">
                                <!-- 评论元数据 -->
                                <a class="am-comment-author">张三</a> <!-- 评论者 -->
                                评论于 <time datetime="">2017-08-09</time>
                            </div>
                        </header>
                        <!-- 评论内容 -->
                        <div class="am-comment-bd">
                            好厉害，好厉害，好厉害，好厉害，好厉害，好厉害，好厉害，好厉害。
                        </div> 
                    </div>
                </article>

                <article class="am-comment">
                    <!-- 评论容器 -->
                    <a href="">
                        <!-- 评论者头像 -->
                        <img src="images/face.jpg" class="am-comment-avatar" alt="" />
                    </a>

                    <div class="am-comment-main">
                        <!-- 评论内容容器 -->
                        <header class="am-comment-hd">
                            <!--<h3 class="am-comment-title">评论标题</h3>-->
                            <div class="am-comment-meta">
                                <!-- 评论元数据 -->
                                <a class="am-comment-author">张三</a> <!-- 评论者 -->
                                评论于 <time datetime="">2017-08-09</time>
                            </div>
                        </header>
                        <!-- 评论内容 -->
                        <div class="am-comment-bd">
                            好厉害，好厉害，好厉害，好厉害，好厉害，好厉害，好厉害，好厉害。
                        </div>
                    </div>
                </article>

                <article class="am-comment">
                    <!-- 评论容器 -->
                    <a href="">
                        <!-- 评论者头像 -->
                        <img src="images/face.jpg" class="am-comment-avatar" alt="" />
                    </a>

                    <div class="am-comment-main">
                        <!-- 评论内容容器 -->
                        <header class="am-comment-hd">
                            <!--<h3 class="am-comment-title">评论标题</h3>-->
                            <div class="am-comment-meta">
                                <!-- 评论元数据 -->
                                <a class="am-comment-author">张三</a> <!-- 评论者 -->
                                评论于 <time datetime="">2017-08-09</time>
                            </div>
                        </header>
                        <!-- 评论内容 -->
                        <div class="am-comment-bd">
                            好厉害，好厉害，好厉害，好厉害，好厉害，好厉害，好厉害，好厉害。
                        </div>
                    </div>
                </article>

                <article class="am-comment">
                    <!-- 评论容器 -->
                    <a href="">
                        <!-- 评论者头像 -->
                        <img src="images/face.jpg" class="am-comment-avatar" alt="" />
                    </a>

                    <div class="am-comment-main">
                        <!-- 评论内容容器 -->
                        <header class="am-comment-hd">
                            <!--<h3 class="am-comment-title">评论标题</h3>-->
                            <div class="am-comment-meta">
                                <!-- 评论元数据 -->
                                <a class="am-comment-author">张三</a> <!-- 评论者 -->
                                评论于 <time datetime="">2017-08-09</time>
                            </div>
                        </header>
                        <!-- 评论内容 -->
                        <div class="am-comment-bd">
                            好厉害，好厉害，好厉害，好厉害，好厉害，好厉害，好厉害，好厉害。
                        </div>
                    </div>
                </article>

                <article class="am-comment">
                    <!-- 评论容器 -->
                    <a href="">
                        <!-- 评论者头像 -->
                        <img src="images/face.jpg" class="am-comment-avatar" alt="" />
                    </a>

                    <div class="am-comment-main">
                        <!-- 评论内容容器 -->
                        <header class="am-comment-hd">
                            <!--<h3 class="am-comment-title">评论标题</h3>-->
                            <div class="am-comment-meta">
                                <!-- 评论元数据 -->
                                <a class="am-comment-author">张三</a> <!-- 评论者 -->
                                评论于 <time datetime="">2017-08-09</time>
                            </div>
                        </header>
                        <!-- 评论内容 -->
                        <div class="am-comment-bd">
                            好厉害，好厉害，好厉害，好厉害，好厉害，好厉害，好厉害，好厉害。
                        </div>
                    </div>
                </article>
            </div>
            
            <!-- 评论翻页 -->
            <ul class="am-pagination am-pagination-default">
                <li class="am-pagination-first ">
                    <a href="#" class="">第一页</a>
                </li>
                <li class="am-pagination-prev ">
                    <a href="#" class="">上一页</a>
                </li>
                <li class="">
                    <a href="#" class="">1</a>
                </li>
                <li class="am-active">
                    <a href="#" class="am-active">2</a>
                </li>
                <li class="">
                    <a href="#" class="">3</a>
                </li>
                <li class="">
                    <a href="#" class="">4</a>
                </li>
                <li class="">
                    <a href="#" class="">5</a>
                </li>
                <li class="am-pagination-next ">
                    <a href="#" class="">下一页</a>
                </li>

                <li class="am-pagination-last ">
                    <a href="#" class="">最末页</a>
                </li>
            </ul>

            <!-- 我要说两句 -->
            <div class="am-u-sm-12 am-comments-list">
                <h2 class="am-text-right am-padding-top-lg">
                    我要说两句，<a href="login.html" class="am-text-warning">请先登陆</a>
                </h2>
                <hr />

                <!-- 富编辑器-Begin -->
                <script src="../ueditor/ueditor.config.js"></script>
                <script src="../ueditor/ueditor.all.min.js"></script>
                <script src="../ueditor/lang/zh-cn/zh-cn.js"></script>
                <script id="editor" type="text/plain" style="width:100%;height:200px;">
                </script>
                <script>
                    var ue = UE.getEditor('editor');        
                </script>
                <!-- 富编辑器-End -->
                <p class="am-align-right">
                    <button class="am-btn am-btn-success">提交</button>
                </p>
            </div>
        </div>
    </div>

    <!-- 广告 -->
    <div class="ads">
        <div class="cg">
            <img src="images/demo6.jpg" />
        </div>
    </div>

    <!-- 页脚 -->
    ﻿<footer class="footer">
        <div class="cg">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-6">
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-8">
                    <div class="footer-div1 am-hide-md-down">
                        <h1>关于我们</h1>
                        <div class="footer-div1-top">
                            <img src="./images/footer.jpg" />
                            <span><em>大冶市云阿拉丁科技有限公司成立于2015</em></span>
                        </div>
                        <div class="footer-div1-bottom">
                            云阿拉丁科技有限公司创建于2015年1月5日，总 部位于青铜故里——大冶市。公司致力于帮助传统行业力
                        </div>
                        <em><a href="#">阅读更多>></a></em>
                    </div>
                </div>
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-4">
                    <div class="footer-div2 am-hide-md-down">
                        <h1>职位招聘</h1>
                        <ul>
                            <li><a href="#">招聘销售专员销售管理人员</a></li>
                            <li><a href="#">市场销售</a></li>
                            <li><a href="#">营销客服经理</a></li>
                            <li><a href="#">涉外律师</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-6">
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-8">
                    <div class="footer-div3 am-hide-md-down">
                        <h1>联系我们</h1>
                        <ul>
                            <li><i>&#xe617;</i>地址 Add : 大冶市大冶大道116号2栋金穗小区B幢201房</li>
                            <li><i>&#xe601;</i>电话Tel：(86) 0714-8868331</li>
                            <li><i>&#xe602;</i>传真Fax：(86) 0714-8868331</li>
                            <li><i>&#xe691;</i>dayeyunalading@.com</li>
                        </ul>
                    </div>
                </div>
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-4">
                    <div class="footer-div3 am-hide-md-down">
                        <h1>关注我们</h1>
                        <ul>
                            <li><em>&#xe644;</em><b>新浪微博</b></li>
                            <li><em>&#xe6c9;</em><b>优酷</b></li>
                            <li><em>&#xe66f;</em><b>微信</b></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                <div class="footer-bottom am-hide-md-down">
                    <div class="footer-bottom-link">
                        <div class="am-u-sm-3 am-u-md-2 am-u-lg-2"><span>友情链接：</span></div>
                        <div class="am-u-sm-9 am-u-md-10 am-u-lg-10">
                            <strong>
                                <a href="#">北京网站建设</a>
                                <a href="#">网站建设</a>
                                <a href="#">网站设计</a>
                                <a href="#">合肥网站建设</a>
                                <a href="#">网站建设</a>
                                <a href="#">网店系统</a>
                                <a href="#">企业网站建设</a>
                                <a href="#">上海网站设计</a>
                                <a href="#">香港服务器</a>
                                
                                <a href="#">网站建设</a>
                                <a href="#">网店系统</a>
                                <a href="#">企业网站建设</a>
                                <a href="#">上海网站设计</a>
                                <a href="#">香港服务器</a>
                                
                            </strong>
                        </div>
                    </div>
                </div>
                <h2>申请友情链接请联系QQ：00000000</h2>
                <h3>@2015-2016 版权所有 云阿拉丁商务有限公司.</h3>
            </div>
        </div>
    </footer>

</body>
</html>